<script type="text/javascript">
function square(form){
	submitPost(form, squareCallback);
}

function squareCallback(data){
	$("#right_area").html(data.output);
}

function squareRoot(){
	
}
</script>

<h1>${title}</h1>
<h2>sample page</h2>
<form name="myForm" action="./sample" method="post">
<div id="textarea_left">
	<textarea id="left_area" name="input" rows="10" cols="50"></textarea>
</div>
<div id="buttons">
	<input type="button" name="forward" onclick="square(document.myForm);" value="-->" />
	<br>
	<input type="button" name="reverse" onClick="squareRoot(document.myForm);" value="<--" />
</div>
<div id="textarea_right">
	<textarea id="right_area" rows="10" cols="50">${result}</textarea>
</div>
</form>
